<template>
     <div>
       <my-header></my-header>
       <div class="home">
         <div class="left">
              <ul>
                <li v-for='(item,index) in leftList' v-bind:key="index">
                        {{item}}
               </li>
              </ul>
        </div>
        <div class="right">
          <div>
            <div class="nav">
              
               <div class="clearfix"></div>  
            </div>
            <div class="list">
             
              <my-title :title="title"></my-title>
              <my-list :list="list"></my-list>
            </div>
            
           </div> 
        </div>
       </div>
      

      </div>
</template>
<script>
import myHeader from '../components/my-header'
import myList from '../components/my-list'
import myTitle from '../components/my-title'
import '../assets/sss/home.scss';
export default {
  name: "Home",
  data() {
    return {
      leftList: [
        "全宗管理",
        "分类管理",
        "门类管理",
        "窗体模型",
        "用户管理",
        "数据字典",
        "数据表定义",
        "菜单设置",
        "角色管理",
         "系统参数",
        "操作日志",
        "全局报表",
        "全文路径管理",
        "档案统计",
        "组织结构",
         "职务管理",
        "人员管理",
        "借阅管理",
         "桌面整理",
        "统计",
        "组织结构",
         "职务管理",
        "人员管理",
        "借阅管理",
         "桌面整理",
        "统计"
      ],
      title:[
         "顺序号",
        "门类编码",
        "门类名称",
      ],
       list: [
      {"number":"2","code":"we","name":"文书档案"},
      {"number":"2","code":"we","name":"文书档案"},
      {"number":"2","code":"we","name":"文书档案"},
      {"number":"2","code":"we","name":"文书档案"},
      {"number":"2","code":"we","name":"文书档案"},
      {"number":"2","code":"we","name":"文书档案"},
      {"number":"2","code":"we","name":"文书档案"},
      {"number":"2","code":"we","name":"文书档案"},
      {"number":"2","code":"we","name":"文书档案"}
      ]
      
    };
  },
  methods:{
    parentAdd(){
      alert("是父组件的方法")
      $.on("")
    }

  },
  components:{myHeader,myList,myTitle}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">


</style>

